<template>
    <div class="background">
      <a-tabs default-active-key="1" size="large">
        <a-tab-pane v-for="(item, index) in tabOption" :key="item.key_value" :tab="item.key_name">
          <component :is="item.component" />
        </a-tab-pane>
      </a-tabs>
    </div>
  </template>

  <script>
  import JiaBan from './JiaBan.vue'
  import YiBan from './YiBan.vue'
  import XiShaQingJieGong from './XiShaQingJieGong.vue'
  import TuiXiShaGong from './TuiXiShaGong.vue'
  import XiShaPinZhongGongDingCanShu from './XiShaPinZhongGongDingCanShu.vue'
  import XinJiaBan from './XinJiaBan.vue'
  export default {
    components: { JiaBan, YiBan, XiShaQingJieGong, TuiXiShaGong, XiShaPinZhongGongDingCanShu, XinJiaBan },
    data() {
      return {
        tabOption: [
          { key_value: '1', key_name: '甲班', component: 'JiaBan' },
          { key_value: '2', key_name: '乙班', component: 'YiBan' },
          { key_value: '3', key_name: '细纱清洁', component: 'XiShaQingJieGong' },
          { key_value: '4', key_name: '推细纱', component: 'TuiXiShaGong' },
          { key_value: '5', key_name: '细纱品种公定参数', component: 'XiShaPinZhongGongDingCanShu' },
          { key_value: '6', key_name: '机动班', component: 'XinJiaBan' }
        ],
        importVisible: false
      }
    },
    mounted() {},
    methods: {}
  }
  </script>

  <style>
  .background {
    background-color: white;
    border-radius: 5px;
    box-shadow: 1px 4px 4px rgb(0, 0, 0, 0.05);
  }
  </style>
